<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="../admin/authority.jsp" %>
<html>
<head>
<%@include file="headScriptAD.jsp"%>
<link href="${pageContext.request.contextPath}/libraries/jquery-ui-1.10.4/css/cupertino/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" />
<script type="text/javascript" src="${pageContext.request.contextPath}/libraries/jquery-ui-1.10.4/js/jquery-ui-1.10.4.custom.min.js" ></script> 
<script type="text/javascript"
	src="${pageContext.request.contextPath}/assets/js/admin/CS88001script.js"></script>
	
<!-- END JAVASCRIPT -->
<style type="text/css">
#right-side {
	position: relative;
	background-color: #fff;
	width: 100%;
	float: left
}
body {
	font-family: 'Open Sans' !important;
	background-image:none ;
	font-size: 15px;
	margin: 0
}
</style>
</head>
<body>
	<div class="wrapper">

		<%@ include file="../fragments/header.jsp"%>

		<div id="detail-area" class="clearfix" style="min-height: 680px;">
			<div class="col-sm-12 col-xs-12">
				<div id="navigator-bar">
					<i class="fa fa-home"></i> จัดการเมนู
				</div>
				<!-- Start form-detail -->
				<div class="form-detail clearfix" style="margin-bottom:-40px">
					<div class="search-box no-radius ">
							<div class="search-header no-radius" style="padding:3px 15px">
								<h4><i class="fa fa-list-alt"></i> แก้ไขเมนูจากแพ๊คเกจ</h4>
							</div>
							<fieldset class="inner" style="padding-top:0px;">
							<legend>รายละเอียดแพ๊คเกจ</legend>
								<div class="row mt-10">
									<div class="col-sm-5 text-right"><strong>รหัส</strong> : </div>
									<div class="col-sm-4"><span  name="packageId"></span>${packageId}</div>
									<input type="hidden" id ="PacId" value="${packageId}">
								</div>
								<div class="row mt-10">
									<div class="col-sm-5 mt-10 text-right" style="align:center;"><strong>ชื่อแพ๊คเกจ</strong> : </div>
									<div class="col-sm-2"><input type="text" disabled class="form-control " value="${namePackage}" /></div>
								</div>
							</fieldset>
							<div class="search-box  no-radius">
								<div class="form-group clearfix search-header no-radius">
									<div class="pull-left">เพิ่มรายการใหม่</div>
									<div class="pull-right">
										<div id="hide-button"><i class="fa fa-chevron-circle-up"></i></div>
									</div>
								</div>
								<div id="box-body">
									
									<div class="clearfix" style="margin-top:-20px;padding-top: 0px;">
								<div class="form-list" id="form-list" >
									<input type="hidden" id="url_address" name="url_address" value="">
									<input type="hidden" id="agent_browser" name="agent_browser" value="">
									<div class="list-detail-area">						
									<table id="menu-package" class="stripe hover cell-border" cellspacing="0" width="100%" align="center" >
			        					<thead>
			            					<tr style="background-color: #399bca; color:white; font-size: 0.9em;">
			                					<th style="border-right: 1px solid #999" class="text-center">  </th>
												<th style="border-right: 1px solid #999" class="text-center">ชื่อเมนู</th>
												<th style="border-right: 1px solid #999" class="text-center">รหัสหน้า</th>
												<th style="border-right: 1px solid #999" class="text-center">ลิ้ง</th>
			            					</tr>
			        					</thead> 						
			    					</table>
									</div>	
								</div>
							</div>
								<div class="form-group mt-20 clearfix search-footer no-radius">
										<div class="col-sm-12 text-center">
											<button onclick="back()" type="button" class="btn btn-primary"><i class="fa fa-arrow-circle-o-left"></i> กลับ</button>
											<button onclick="SaveList()" type="button" class="btn btn-primary"><i class="fa fa-floppy-o"></i> บันทึก</button>
										</div>
								</div>
								</div>
								<!-- END BOX-BODY -->
								<div class="modal fade" id="successModal" tabindex="-1" role="dialog" aria-labelledby="successModal" aria-hidden="true">
								    <div class="modal-dialog" style="width: 400px">
								        <div class="modal-content">
								            <div class="modal-header">
								            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
								            <h4 class="modal-title">บันทึกเมนูแพ็คเกจเรียบร้อยแล้ว</h4>
								            </div>
								            <div class="modal-body">
								            	<span class="fa-stack fa-lg mr-10" style="color:#0C0"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-check fa-stack-1x fa-inverse"></i> </span>
								            	<span id="modal_content_confirmModal">	 บันทึกเมนูจากแพ็คเกจนี้เรียบร้อยแล้ว           	</span>
								            </div>
								            <div class="modal-footer" style="text-align: center">
								                <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="setScreenScollTop();"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
								        	</div>
								    	</div>
								  	</div>
								  	
								</div>
							</div>
					</div>
					
				</div>
				<!-- End detail-area -->
			</div>
				
		</div>
	</div>
	<!-- End Wrapper -->
</body>
</html>